<template>
    <el-container>
        <el-header style="height: 50px">
            <div class="kitego-common-header-left">
                <div class="kitego-common-header-logo">
                    <img :alt="appTitle" :src="image.logo" />
                    <label>{{ appTitle }}</label>
                </div>
                <div class="kitego-common-header-title">{{ title }}</div>
            </div>
            <div class="kitego-common-header-right">
                <router-link to="/login">返回登录</router-link>
            </div>
        </el-header>
        <el-main>
            <div class="kitego-common-container">
                <h2 class="kitego-common-title">{{ title }}</h2>
                <div class="kitego-common-main el-card">
                    <slot></slot>
                </div>
            </div>
        </el-main>
    </el-container>
</template>

<script setup lang="ts">
import config from '@/config'
import image from '@/utils/image.ts'

defineProps<{ title: string }>()
const appTitle = config.APP_NAME
</script>

<style></style>
